<template>
    <div class="erroeBox">
        <div class="errorIcon"><img src="/images/error.png"/></div>
        <p>请核实后再试，谢谢</p>
        <div class="btnBox"><span @click="done(1)">确认</span></div>
    </div>
</template>
<script>
import { inject } from 'vue'
export default {
    setup(props,context) {
        const close = inject('close') // 关闭弹窗

        const done = flag =>{
            context.emit('done',1)
        }
        return{
            close,
            done
        }
    },
}
</script>
<style lang="scss" scoped>
    .erroeBox{
        text-align: center;
        .errorIcon{
            display: inline-block;
            width: 163px;
            height: 163px;
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        p{
            font-size: 30px;
            color: #666;
            text-align: center;
            padding: 20px 0 0 0;
        }
        .btnBox{
            padding: 50px 0 0 0;
            span{
                display: inline-block;
                width: 400px;
                height: 80px;
                line-height: 80px;
                text-align: center;
                background: #549dfe;
                font-size: 30px;
                color: #fff;
                border-radius: 10px;
            }
        }
    }
    
</style>